<template>
  <div id="notFound">
    <img @click="goIndex" src="@/assets/404.png" alt="" />
  </div>
</template>

<script>
export default {
  name: '404',
  methods: {
    goIndex () {
      this.$router.push('/index')
    }
  }
}
</script>

<style lang="less">
#notFound {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
  background-color: #c9c9c9;
  img {
    margin-top: -10vh;
    border: 40px solid #f4f4f4;
    border-radius: 120px;
    height: 50vh;
    box-shadow: 0px 0px 60px 30px rgba(255, 255, 255, 1);
  }
}
</style>
